﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="zh-CN">
  
  <head>
    
    <%@ include file="/WEB-INF/include/meta.jsp"%>
    <%@ include file="/WEB-INF/include/css.jsp"%>
    
  </head>
  <!-- end header -->
  <body>
    <div class="page-group">
      <div class="page page-current">
        
        <header class="bar bar-nav fs-header-small">
          <a href="${ctx.host}/coursewares?type=GROUPING" class="icon icon-left pull-left"></a>
          <h1 class="title">课件数据</h1>
        </header>
        
        <div class="content">
          
          <div class="list-block media-list no-margin" style="margin-bottom: .5rem;">
            <ul>
              <li class="course">
                <div class=" item-content">
                  <div class="item-media"><img src="http://ww3.sinaimg.cn/small/773cdb49gw1ehog9vbmutj2050050dg2.jpg" style='width: 4rem;'></div>
                  <div class="item-inner">
                    <div class="item-title-row">
                      <div class="item-title">张三<small class="color-gray">&nbsp;13823123212</small></div>
                    </div>
                    <div class="item-subtitle">
                      1v1减脂营<small>（24课时）</small><br>
                      <span>已上1节、逾期1节、待上1节<br>剩余21节待预约</span>
                    </div>
                  </div>
                </div>
              </li>
            </ul>
          </div>
          
          <div class="buttons-tab" style="border-top: 1px solid #E9E9ED;">
            <a href="${ctx.host}/coursewares/1?type=GROUPING" class="button">课程分组</a>
		    <a href="${ctx.host}/courserounds/1/schedules" class="button">课程课时</a>
		    <a href="${ctx.host}/rounds/1" class="button active">课程记录</a>
		  </div>
		  
		  <div class="course-record-panel">
		  	<div class="content-block-title clearfix record-title">
		  	  <span>三围数据<small>（2017-01-12）</small></span>
		  	  <a href="${ctx.host}/rounds/1/bwh-records" class="pull-right">查看更多</a>
		  	 </div>
			  <div class="list-block">
			    <ul>
			      <li class="item-content">
			        <div class="item-inner">
			          <div class="item-title">胸围</div>
			          <div class="item-after">XXX</div>
			        </div>
			      </li>
			      <li class="item-content">
			        <div class="item-inner">
			          <div class="item-title">腰围</div>
			          <div class="item-after">XXX</div>
			        </div>
			      </li>
			      <li class="item-content">
			        <div class="item-inner">
			          <div class="item-title">臀围</div>
			          <div class="item-after">XXX</div>
			        </div>
			      </li>
			    </ul>
			  </div>
			  
			  <div class="content-block-title clearfix record-title">
		  	  <span>Inbody数据<small>（2017-01-12）</small></span>
		  	  <a href="${ctx.host}/rounds/1/inbody-records" class="pull-right">查看更多</a>
		  	 </div>
			  <div class="list-block">
			    <ul>
			      <li class="item-content">
			        <div class="item-inner">
			          <div class="item-title">BMI</div>
			          <div class="item-after">XXX</div>
			        </div>
			      </li>
			      <li class="item-content">
			        <div class="item-inner">
			          <div class="item-title">XXX</div>
			          <div class="item-after">XXX</div>
			        </div>
			      </li>
			      <li class="item-content">
			        <div class="item-inner">
			          <div class="item-title">XXX</div>
			          <div class="item-after">XXX</div>
			        </div>
			      </li>
			      <li class="item-content">
			        <div class="item-inner">
			          <div class="item-title">XXX</div>
			          <div class="item-after">XXX</div>
			        </div>
			      </li>
			      <li class="item-content">
			        <div class="item-inner">
			          <div class="item-title">XXX</div>
			          <div class="item-after">XXX</div>
			        </div>
			      </li>
			      <li class="item-content">
			        <div class="item-inner">
			          <div class="item-title">XXX</div>
			          <div class="item-after">XXX</div>
			        </div>
			      </li>
			    </ul>
			  </div>
		  </div>
		  
        </div>
        
      </div>
    </div>
    
    <%@ include file="/WEB-INF/include/script.jsp"%>
    <d:resource root="${ctx.resource}/build" type="script" src="js/page/courseware/prepare-courseware-view.js" />
    <script type="text/javascript">
      require(['page/courseware/prepare-courseware-view'], function(page) {
        page.init()
      })
    </script>
    
  </body>
</html>